import { Link, Warning } from '@brillout/docpress'
import { UiFrameworkExtension, CustomIntegrationWarning } from '../../components'

We recommend using [Bati](https://batijs.dev) for creating new apps.

> Apps scaffolded by Bati use <UiFrameworkExtension name />.

## Without `vike-{react,vue,solid}`

You can also create a new Vike app that doesn't use <UiFrameworkExtension name />.

The following command scaffolds a Vike app with a production-ready React/Vue/Solid integration that lives in user land (whereas with <UiFrameworkExtension succint /> the integration lives at `node_modules/vike-{react,vue,solid}`). Thus, you control the integration of React/Vue/Solid and can modify it to fit your bespoke needs. You can also integrate any other <Link href="/ui-framework">UI framework</Link>.

<CustomIntegrationWarning />

With [npm](https://www.npmjs.com):

```shell
npm create vike@latest
```

With [pnpm](https://pnpm.io):

```shell
pnpm create vike
```

With [Bun](https://bun.sh):

```shell
bun create vike
```

With [Yarn](https://yarnpkg.com):

```shell
yarn create vike
```

Options:
- `--skip-git`: don't initialize a new Git repository

A prompt will let you choose between:
- `react`: React + JavaScript
- `react-ts`: React + TypeScript
- `vue`: Vue + JavaScript
- `vue-ts`: Vue + TypeScript

See also:
- [GitHub > `vikejs/vike` > `boilerplates/`](https://github.com/vikejs/vike/tree/main/boilerplates)
- [GitHub > `vikejs/vike` > `examples/react-minimal`](https://github.com/vikejs/vike/tree/main/examples/react-minimal)
- [GitHub > `vikejs/vike` > `examples/react-full`](https://github.com/vikejs/vike/tree/main/examples/react-full)
- [GitHub > `vikejs/vike` > `examples/vue-minimal`](https://github.com/vikejs/vike/tree/main/examples/react-minimal)
- [GitHub > `vikejs/vike` > `examples/vue-full`](https://github.com/vikejs/vike/tree/main/examples/vue-full)


## See also

- <Link href="/add" />
